<!-- 查询归卷弹出框 -->
<template>
  <div class="rollback-modal">
    <a-modal
      :maskClosable="false"
      title="查询归卷"
      v-model="rollbackModal.visible"
      width="80%">
      <a-row>
        <a-col :span="6" style="height: 400px;border: 1px solid #EBEEF5;overflow: auto;">
          <a-tree
            show-line
            :treeData="treeData"
            defaultExpandAll>
          </a-tree>
        </a-col>
        <a-col :span="18">
          <el-table
            :data="tableData"
            highlight-current-row
            border
            height="400"
            :row-style="{height:'40px'}"
            :cell-style="{padding:'0px'}"
            :header-cell-style="{background: '#FAFAFA', padding: 0, height: '40px', color: '#666666'}"
            style="width: 100%">
            <slot v-for="(item,index) in columns">
              <el-table-column
                :key="index"
                :property="item.field"
                :label="item.title"
                :width="item.width"
                show-overflow-tooltip
                sortable>
              </el-table-column>
            </slot>
          </el-table>
        </a-col>
      </a-row>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: {
    rollbackModal: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
      treeData: [{
        title: '科技档案',
        key: '1',
        children: [
          { title: '工业生产技术档案', key: '1-0' },
          { title: '农业科技档案', key: '1-1' },
          { title: '基本建设档案', key: '1-2' },
          { title: '设备档案', key: '1-3' },
          { title: '自然科学研究档案', key: '1-4' },
          { title: '医药卫生档案', key: '1-5' },
          { title: '自然现象观测档案', key: '1-6' },
          { title: '地址档案', key: '1-7' },
          { title: '测绘档案', key: '1-8' },
          { title: '环境保护档案1', key: '1-9' },
          { title: '环境保护档案2', key: '1-10' },
          { title: '环境保护档案3', key: '1-11' },
          { title: '环境保护档案4', key: '1-12' }
        ]
      }],
      tableData: [{
        Id: 1,
        OrderNum: '1',
        Year: '2020',
        Code: '1990-1-001',
        topic: '河南新安虎马沟村系列杀人抢劫案',
        BGQXData: '永久',
        Security: '机密',
        Op_ID: 'admin',
        Remark: '测试数据1'
      }, {
        Id: 2,
        OrderNum: '2',
        Year: '2020',
        Code: '1990-1-002',
        topic: '河南新安虎马沟村系列杀人抢劫案',
        BGQXData: '30年',
        Security: '机密',
        Op_ID: 'admin',
        Remark: '测试数据2'
      }, {
        Id: 3,
        OrderNum: '3',
        Year: '2020',
        Code: '1990-1-003',
        topic: '河南新安虎马沟村系列杀人抢劫案',
        BGQXData: '永久',
        Security: '机密',
        Op_ID: 'admin',
        Remark: '测试数据3'
      }, {
        Id: 4,
        OrderNum: '4',
        Year: '2020',
        Code: '1990-1-004',
        topic: '河南新安虎马沟村系列杀人抢劫案',
        BGQXData: '永久',
        Security: '机密',
        Op_ID: 'admin',
        Remark: '测试数据4'
      }],
      columns: [{
        title: '顺序号',
        field: 'OrderNum',
        width: 100
      }, {
        title: '年代号',
        field: 'Year',
        width: 100
      }, {
        title: '档号',
        field: 'Code',
        width: 100
      }, {
        title: '题名',
        field: 'topic',
        width: 200
      }, {
        title: '保管期限',
        field: 'BGQXData',
        width: 100
      }, {
        title: '密级',
        field: 'Security'
      }, {
        title: '操作员',
        field: 'Op_ID',
        width: 100
      }, {
        title: '备注',
        field: 'Remark'
      }]
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
</style>
